@charset "utf-8";
/* CSS Document */
/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout{ width:1400px; margin:0 auto; position:relative;}
.boxMo{ min-width:1400px;}

.banner{ height: 300px; background: url(../images/banner.png) no-repeat center top; overflow: hidden;}

.top{ height: 34px; margin-top: 12px;}
.ipv6, .btn_zzllms, .btn_zzzs, .top a{ float: right; height: 34px; margin-left: 12px;}
.ipv6{ padding-left: 12px; font: 14px/34px "Microsoft Yahei"; color: #666; border-left: 1px solid #666}
.btn_zzllms{ padding: 0 8px; font: 14px/34px "Microsoft Yahei"; color: #fff; background-color: #D13018; cursor: pointer; border-radius: 4px;}
#btn_zzllms_exit{ display: none;}
.btn_zzzs{ padding: 0 8px; font: 14px/34px "Microsoft Yahei"; color: #fff; background-color: #569DDB; cursor: pointer; border-radius: 4px;}
.top a{ padding: 0 8px; font: 14px/34px "Microsoft Yahei"; color: #333; cursor: pointer;}


.logo{ display: block; width: 616px; height: 96px; margin: 24px auto;}
/* .logo{ display: block; width: 696px; height: 96px; margin: 24px auto;} */

.search{ position: relative; width: 616px; height: 48px; margin: 0 auto; background: rgba(86, 157, 219, 0.15); border-radius: 24px; overflow: hidden;}
.search:before{ position: absolute; top: 50%; left: 20px; width: 24px; height: 24px; margin-top: -12px; background: url(../images/icon_search.png) no-repeat center top; content: ""}
.keyword{ position: absolute; top: 0; left: 58px; width: 350px; height: 48px; font: 18px/48px "Microsoft Yahei"; color: #569DDB; background-color: transparent; box-sizing: border-box; border: none; outline: none;}
input.keyword:-moz-placeholder{ color: #569DDB; }
input.keyword:-ms-input-placeholder{color:#569DDB;}
input.keyword::-webkit-input-placeholder{color:#569DDB;}
a.btn_search{ position: absolute; top: 0px; right: 0px; width: 120px; height: 48px; font: 20px/48px "Microsoft Yahei"; color: #fff; text-align: center;  background-color: #D13018; border-radius: 24px; cursor: pointer;}
/*a.btn_search:hover{ color: #fff;}*/


.nav{ max-width: 1920px; height: 70px;  margin: 0 auto 40px; background-color: #0D5492; text-align: center;}
.nav a{  position: relative; float: left; width: 200px; height: 70px; font: bold 28px/70px "Microsoft Yahei"; text-align: center; color: #fff; }
.nav a:hover{ color: #fff; background-color: #0B4273;}
.nav a:before{ position: absolute; top: 50%; right: 0; width: 1px; height: 30px; margin-top: -15px; background-color: #fff; content: ""}
.nav a:last-child:before{ display: none;}


.footer{ position: relative; margin: 40px 0;}

.frd_link{ margin-bottom: 30px;}

.bot_link{ position: relative; margin-bottom: 30px; z-index: 10;}
.bot_link_tem{ position: relative; float: left; width: 450px; height: 50px; margin-right: 25px; background-color: #eaebeb; border-radius: 4px; box-sizing: border-box;}
.bot_link_tem:nth-child(3n){ margin-right: 0}
.bot_link_tem:after{ position: absolute; top: 22px; right: 20px; width: 20px; height: 11px; background: url(../images/arr_bot.png) no-repeat center top; content: "";}
.bot_link_des{ font-size: 20px; line-height: 50px; color: #333; text-indent: 1em; cursor: pointer;}
.bot_link_list{ display: none; position: absolute; bottom: 50px; left: 0; width: 100%; max-height: 240px;  background-color: #eaebeb; overflow-y: scroll; z-index: 10}
.bot_link_tem.active .bot_link_list{ display: block;}
.bot_link_list.scroll{}
.bot_link_list ul li{ height: 40px; padding: 0 10px; font-size: 16px; line-height: 40px;  white-space: nowrap;}
.bot_link_list ul li:hover{ background-color: #fff;}
.bot_link_list ul li a{ display: block; width: 100%; height: 100%;}

.footer_con{  display: flex;}

.footer_tem{  background-color: #eaebeb; box-sizing: border-box; border-radius: 6px; }

.footer_i{ width: 380px; margin-right: 20px; display: flex; align-items: center; justify-content: center;}
.footer_i img{ margin: 0 10px;}


.footer_des{ width: 410px; margin-right: 20px;}
.footer_tit{ height: 44px; padding: 0 40px; margin-bottom: 16px; font: bold 16px/44px "Microsoft Yahei"; color: #333; background-color: #ccc; border-top-left-radius: 4px; border-top-right-radius: 4px;}

.footer_des p{ padding: 0 40px; font-size: 14px; line-height: 38px; color: #333; }
.footer_des p a.link{ font-weight: bold;}
.footer_des p a, .footer_des p a:hover{ color: #333;}
.footer_des p .gh{ margin-right: 6px;}

.footer_qrcode{ width: 570px;}
.footer_qrcode_wrap{ padding: 0 40px;}
.footer_qrcode_tem{ position: relative; float: left; width: 130px; height: 48px; margin: 0 34px 20px 0; display: flex; flex-direction: row; align-items: center; z-index: 20; cursor: pointer;}
.footer_qrcode_tem a {display: flex}
.footer_qrcode_tem.tem2{ width: 160px; margin-right: 0}
.footer_qrcode_tem img{  width: 48px; height: 48px;}
.footer_qrcode_tem p{ margin-left: 8px; display: flex; align-items: center; font: 14px/18px "Microsoft Yahei"; color: #666}
.f_qrcode{ display: none; position: absolute; top: -190px; left: 50%; width: 180px; height: 180px; padding: 10px; margin-left: -100px; background-color: #fff; border-radius: 5px; box-sizing: border-box;}
.footer_qrcode_tem:hover .f_qrcode{ display: block;}
.f_qrcode img{ width: 100%; height: 100%;}
.f_qrcode:before{ position: absolute; top: 180px; left: 40px; width: 0; height: 0; border-top: 8px solid #fff; border-left: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid transparent; content: ""}

@media screen and  (max-width: 1399px) {
	.layout{ width:1000px; margin:0 auto; position:relative;}
	.boxMo{ min-width: 1000px;}
	.nav a{ width: 142px; font-size: 24px;}

	.footer{ position: relative; margin: 20px 0;}
	.bot_link_tem{ width: 320px; height: 50px; margin-right: 20px; }
	.bot_link_des{ font-size: 20px; line-height: 50px; color: #333; text-indent: 1em; cursor: pointer;}
	.footer_tit{ padding: 0 10px;}
	.footer_i{ width: 100px; flex-direction: column;}
	.footer_i img{ display: block; height: 40px; padding: 10px 0}
	.footer_des{ width: 340px;}
	.footer_des p{ padding: 0 10px;}
	.footer_qrcode{ width: 520px;}
	.footer_qrcode_wrap{ padding: 0 14px;}
}